<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <link href="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.css" rel="stylesheet">
        <link href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.2/jquery.mobile-1.4.2.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link href="css/reset.css" rel="stylesheet">
        <link href="css/main.css" rel="stylesheet">
    </head>
    <body>
        <div data-role="page" data-control-title="Home" id="page1">
            <div data-theme="a" data-role="header">
                <h1>Header</h1>
            </div>
            <hr class="line">
            <div role="main" class="ui-content">
                <div class="main" data-controltype="image">
                    <img src="https://codiqa.com/static/images/v2/image.png" alt="image">
                </div>
                <hr class="line">
                <a id="easy" data-diff="0" class="ui-btn mm">Easy</a>
                <a id="medium" data-diff="1" class="ui-btn mm">Medium</a>
                <a id="hard" data-diff="2" class="ui-btn mm">Hard</a>
                <a id="compete" data-diff="3" class="ui-btn mm">Compete with others</a>
                <hr class="line">
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <h3 class="ui-title">Advertisements Go Here</h3>
            </div>
        </div>
        <div id="game">
            <div id="gamecontainer">
                <div id="gamescreen">
                    <div id="sky" class="animated">
                        <div id="flyarea">
                            <div id="ceiling" class="animated"></div>
                            <!-- This is the flying and pipe area container -->
                            <div id="player" class="bird animated"></div>

                            <div id="bigscore"></div>

                            <div id="splash"></div>

                            <div id="scoreboard">
                                <div id="medal"></div>
                                <div id="currentscore"></div>
                                <div id="highscore"></div>
                                <div id="replay"><img src="assets/replay.png" alt="replay"></div>
                            </div>

                            <!-- Pipes go here! -->
                        </div>
                    </div>
                    <div id="land" class="animated"><div id="debug"></div></div>
                </div>
            </div>
            <div class="boundingbox" id="playerbox"></div>
            <div class="boundingbox" id="pipebox"></div>
        </div>
        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
        <script src="js/jquery.transit.min.js"></script>
        <script src="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.js"></script>
        <script src="js/buzz.min.js"></script>
        <script src="js/ouch.js"></script>
    </body>
</html>